<!DOCTYPE html>
<html lang="ch-zn">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0">
		<title>管理者主页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>
	<body>
		<article>
			<header>
				<a href="" class="icon-button left auto-width"><span class="icon icon-return"></span></a>
				<h1>资产云工程效率</h1>
				<!-- 跳转至专案列表页面 -->
				<a class="to-pro-list" href="project-list.html">投入时间</a>
			</header>
			<section class="admin-main">
				<nav class="tabs" id="tabs">
					<a class="active" data-target="project-container" href="javascript:;">看专案</a>
					<a href="javascript:;" data-target="person-container">看人员</a>
				</nav>
				<!-- 看专案 -->
				<div id="project-container" class="project-container">
					<!-- 点击collapse-title，展开收起collapse-content，给collapse切换on类 -->
					<div class="collapse on">
						<div class="collapse-title">
							<span>专案资产云工程效率系统（8人）</span>
							<span>324 h</span>
						</div>
						<ul class="collapse-content">
							<li>
								<span>郝亚平</span>
								<span>50 h</span>
							</li>
							<li>
								<span>黄天尤</span>
								<span>43 h</span>
							</li>
							<li>
								<span>杨晶</span>
								<span>38 h</span>
							</li>
							<li>
								<span>周慧林</span>
								<span>32 h</span>
							</li>
							<li>
								<span>袁凡</span>
								<span>46 h</span>
							</li>
							<li>
								<span>董超</span>
								<span>35 h</span>
							</li>
							<li>
								<span>苏海敏</span>
								<span>34 h</span>
							</li>
							<li>
								<span>李雪媛</span>
								<span>48 h</span>
							</li>
						</ul>
					</div>
					<div class="collapse">
						<div class="collapse-title">
							<span>标准件选型系统BOM开发（5人）</span>
							<span>324 h</span>
						</div>
						<ul class="collapse-content">
							<li>
								<span>郝亚平</span>
								<span>50 h</span>
							</li>
							<li>
								<span>黄天尤</span>
								<span>43 h</span>
							</li>
							<li>
								<span>杨晶</span>
								<span>38 h</span>
							</li>
							<li>
								<span>周慧林</span>
								<span>32 h</span>
							</li>
							<li>
								<span>袁凡</span>
								<span>46 h</span>
							</li>
							<li>
								<span>董超</span>
								<span>35 h</span>
							</li>
							<li>
								<span>苏海敏</span>
								<span>34 h</span>
							</li>
							<li>
								<span>李雪媛</span>
								<span>48 h</span>
							</li>
						</ul>
					</div>
					<div class="collapse">
						<div class="collapse-title">
							<span>专案资产云工程效率系统（8人）</span>
							<span>324 h</span>
						</div>
						<ul class="collapse-content">
							<li>
								<span>郝亚平</span>
								<span>50 h</span>
							</li>
							<li>
								<span>黄天尤</span>
								<span>43 h</span>
							</li>
							<li>
								<span>杨晶</span>
								<span>38 h</span>
							</li>
							<li>
								<span>周慧林</span>
								<span>32 h</span>
							</li>
							<li>
								<span>袁凡</span>
								<span>46 h</span>
							</li>
							<li>
								<span>董超</span>
								<span>35 h</span>
							</li>
							<li>
								<span>苏海敏</span>
								<span>34 h</span>
							</li>
							<li>
								<span>李雪媛</span>
								<span>48 h</span>
							</li>
						</ul>
					</div>
				</div>
				<!-- 看人员 -->
				<div id="person-container" class="person-container">
					<div class="collapse on">
						<div class="collapse-title">
							<span>郝亚平（3项）</span>
							<span>324 h</span>
						</div>
						<ul class="collapse-content">
							<li>
								<span>专案资产云工程效率系统开发</span>
								<span>50 h</span>
							</li>
							<li>
								<span>标准件选型系统BOM开发</span>
								<span>43 h</span>
							</li>
							<li>
								<span>专案资产云工程效率系统开发专案资产</span>
								<span>38 h</span>
							</li>
						</ul>
					</div>
					<div class="collapse">
						<div class="collapse-title">
							<span>李雪媛（5项）</span>
							<span>324 h</span>
						</div>
						<ul class="collapse-content">
							<li>
								<span>专案资产云工程效率系统开发</span>
								<span>50 h</span>
							</li>
							<li>
								<span>标准件选型系统BOM开发</span>
								<span>43 h</span>
							</li>
							<li>
								<span>专案资产云工程效率系统开发专案资产</span>
								<span>38 h</span>
							</li>
							<li>
								<span>标准件选型系统BOM开发</span>
								<span>43 h</span>
							</li>
							<li>
								<span>专案资产云工程效率系统开发专案资产</span>
								<span>38 h</span>
							</li>
						</ul>
					</div>
					<div class="collapse">
						<div class="collapse-title">
							<span>黄天尤（2项）</span>
							<span>124 h</span>
						</div>
						<ul class="collapse-content">
							<li>
								<span>专案资产云工程效率系统开发</span>
								<span>50 h</span>
							</li>
							<li>
								<span>标准件选型系统BOM开发</span>
								<span>43 h</span>
							</li>
						</ul>
					</div>
				</div>
			</section>
		</article>
		<!-- 加载动画 -->
		<div class="loading"></div>
		<script type="text/javascript">
			//tabs切换
			function tabs(){
				var aList = document.getElementById("tabs").getElementsByTagName("a");
				function toggle(){
					for(let i = 0, len = aList.length; i < len; i++){
						aList[i].className = "";
						let container = document.getElementById(aList[i].dataset.target);
						container.style.display = "none";
					}
					this.className = "active";
					let container = document.getElementById(this.dataset.target);
					container.style.display = "block";
				}
				//绑定click事件
				for(let i = 0, len = aList.length; i < len; i++){
					aList[i].addEventListener("click", toggle, false);
				}
			}

			function init(){
				tabs();
			}
			window.addEventListener("load", init, false);
		</script>
	</body>
</html>